{% extends 'admin/public/base.html' %}


{% block con-header %}
<div class="container-fluid am-cf">
    <div class="row">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-9">
            <div class="page-header-heading">
                <span class="am-icon-home page-header-heading-icon"></span>
                管理组列表
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block con-footer %}
<div class="row-content am-cf">


	<div class="am-u-sm-12 am-u-md-6 am-u-lg-6">
	    <div class="am-form-group">
	        <div class="am-btn-toolbar">
	            <div class="am-btn-group am-btn-group-xs">
	                <a href="{% url 'auth_group_add' %}" type="button" class="am-btn am-btn-default am-btn-success">
	                	<span class="am-icon-plus"></span> 新增
	                </a>
	            </div>
	        </div>
	    </div>
	</div>
	<!-- 搜索表单 -->
	<form >
		<!-- 搜索条件 -->
	    <div class="am-u-sm-12 am-u-md-6 am-u-lg-3">
	        <div class="am-form-group tpl-table-list-select">
	            <select name="types" data-am-selected="{btnSize: 'sm'}">
	                  <option {% if request.GET.types == 'username' %} selected {% endif %} value="username" >组名</option>
	            </select>
	        </div>
	    </div>
	    <!-- 搜索框 -->
	    <div class="am-u-sm-12 am-u-md-12 am-u-lg-3">
	        <div class="am-input-group am-input-group-sm tpl-form-border-form cl-p">
	            <input name="keywords" type="text" class="am-form-field " value="{{ request.GET.keywords }}">
	            <span class="am-input-group-btn">
					<button class="am-btn  am-btn-default am-btn-success tpl-table-list-field am-icon-search" >
					</button>
				</span>
	        </div>
	    </div>
	</form>

	<!-- 图文列表 -->
	<div class="am-u-sm-12">
	    <table width="100%" class="am-table am-table-compact am-table-striped tpl-table-black ">
	        <thead>
	            <tr>
	                <th>组名</th>
	                <th>操作</th>
	            </tr>
	        </thead>
	        <tbody>
	        	{% for v in glist %}
	            <tr class="gradeX">
	                <td class="am-text-middle"> {{ v.name }} </td>
	              
	                <td class="am-text-middle">
	                    <div class="tpl-table-black-operation">
	                        <a href="{% url 'auth_group_edit' v.id %}">
	                            <i class="am-icon-pencil"></i> 编辑
	                        </a>
	                        <a href="{ % url 'auth_group_del' v.id % }" class="tpl-table-black-operation-del">
	                            <i class="am-icon-trash"></i> 删除
	                        </a>
	                    </div>
	                </td>
	            </tr>
	            {% endfor %}


	            <!-- more data -->
	        </tbody>
	    </table>
	</div>

	<!-- 分页 -->
	<div class="am-u-lg-12 am-cf">
		<div class="am-fr">
		    <ul class="am-pagination tpl-pagination">

		        {% load pagetag %}
		        {%  showPage  glist.paginator.num_pages request %}
		    </ul>
		</div>
	</div>


</div>
<script type="text/javascript">

</script>
{% endblock %}